.landMain {
  @apply relative;
  background: #ff9248;
  min-height: 100vh;

  .landHead {
    @apply relative w-screen;
    background: #ff9248;

    .static {
      @apply absolute left-2/4 font-semibold text-black;
      font-size: 0.7292vw;
      transform: translateX(-50%);
      top: 42.31482%;
      font-family: PingFang SC;
      letter-spacing: 0.02em;

      span {
        font-size: 1.771vw;
        font-family: Alibaba PuHuiTi 2;
        font-weight: 1000;
        color: #6a55ff;
      }
    }
  }

  .inviteBtn {
    @apply absolute left-2/4 cursor-pointer;
    width: 22.7083%;
    transform: translateX(-50%);
    bottom: 24%;
    transition: all 0.2s;

    &:hover {
      transform: translateX(-50%) scale(1.1);
    }
  }

  .tips {
    @apply text-xl leading-3 my-5 text-center;
    color: #000000;
    font-family: PingFang SC;
  }
}

@media screen and (max-width: 767px) {
  .landMain {
    .landHead {
      margin-top: 5.875rem;
      height: 153.333vw;
      background-image: url('/images/h5-land-head.webp');
      background-size: 100% 100%;

      .send {
        @apply absolute left-2/4;
        transform: translateX(-50%);
        bottom: 48.12815%;
        width: 28.125vw;
        height: 19.792vw;
        transition: all 0.3s;

        &:hover {
          transform: translateX(-50%) scale(1.06);
        }
      }

      .sendBtn {
        @apply absolute left-2/4 w-auto cursor-pointer;
        transform: translateX(-50%);
        bottom: 42.5926%;
        height: 5.5556%;
        transition: all 0.3s;

        &:hover {
          transform: translateX(-50%) scale(1.1);
        }
      }
    }

    .landBody {
      @apply w-full relative;
      background: #ff9248;
      padding-bottom: 9.25rem;

      .bodyImg {
        width: calc(100vw - 2rem);
        margin: 0 auto 3.75rem;
      }

      .bodyImgPhone {
        @apply mb-10;
        margin-top: -1.25rem;
      }

      .invite {
        @apply font-bold leading-9 w-full text-black text-lg text-center;
        font-family: PingFang SC;
        font-variation-settings: 'opsz' auto;

        span {
          @apply text-2xl;
          color: #6a55ff;
        }
      }

      .tips {
        @apply text-xs leading-3 mt-5 mb-2;
      }
    }

    .inviteBtn {
      @apply fixed;
      width: 69.333vw;
      bottom: 5rem;

      &:hover {
        transform: translateX(-50%) scale(1);
      }
    }
  }
}
